<script lang="ts" setup>
import VePage from "@/components/ve-page/index.vue";
import VeJustify from '@/components/ve-justify/index.vue'
import code from './index.md?raw'
import json from '@/components/ve-justify/package.json'

const slots = [
  {
    name: 'left',
    details: '左侧区域'
  },
  {
    name: 'right',
    details: '右侧区域'
  },
]
</script>

<template>
  <ve-page id="ve-justify" :_slots="slots" :code="code" :version="json.version" title="ve-justify 左右分布">
    <template #default>
      <ve-justify>
        <template #left>左侧区域</template>
        <template #right>右侧区域</template>
      </ve-justify>
    </template>
  </ve-page>
</template>

<style lang="scss" scoped>

</style>
